*{
    margin:0;
    padding:0;
}
#header{
    display: flex;
    width:30%;
    height: 40px;
    justify-content: space-around;
    align-items: center;
    margin:0 auto;
    border-bottom: 1px solid #e9e9e9;
    background: #f8f8f8;
}
#header span{
    display: inline-block;
    width:30%;
    height: 40px;
    align-items: center;
    justify-content: space-around;
    display: flex;
}
#header span:last-child{
    border-left: 1px solid #e9e9e9;
    flex-basis:10%;
}
#header span:nth-child(2){
    background:#d0dbee;
}
#header>img{
    width: 50px;
    height: 20px;
}
#header>img:last-child{
    width: 20px;
    height: 20px;
}
#banner{
    display: flex;
    width:30%;
    height: 60px;
    align-items: center;
    justify-content: center;
    margin:0 auto;
    background:#f8f8f8;
    border-bottom: 1px solid #e9e9e9;
}
#banner input{
    width: 75%;
    height: 35px;
}
#banner img{
    width: 12%;
    height: 39px;
}
#main{
    width:30%;
    height: 380px;
    margin:0 auto;
    background: #f1f1f1;
    border-bottom: 1px solid #d0dbee;
}
#title1{
    padding-left: 5px;
    padding-top: 5px;
    font-size: 14px;
    color: gray;
}
#inner1{
    width:100%;
    height: 185px;
    display: flex;
    justify-content: space-around;
    align-content: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #d0dbee;
}
#inner1 img{
    width: 20%;
    height:70px;
}
#inner1 span{
    display: inline-block;
    width:23%;
    text-align: center;
    font-size: 12px;
    color: gray;
}
#title2{
    padding-top: 5px;
    padding-left: 5px;
    font-size: 14px;
    color: gray;
}
#inner2{
    width:100%;
    height: 65px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
    border-bottom: 1px solid #d0dbee;
}
#inner2 img{
    width:17%;
    height: 40px;
}
#inner2 span{
    display: inline-block;
    width: 17%;
    text-align: center;
    font-size: 12px;
    color: gray;
}
#title3{
    padding-left: 5px;
    padding-top: 5px;
    font-size: 14px;
    color: gray;
}
#inner3{
    width:100%;
    height:60px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
#inner3 p{
    height: 60px;
    align-items: center;
    justify-content: space-around;
    display: flex;
    color: gray;
}
#inner3 p:first-child{
    flex-basis: 15%;
}
#inner3 p:nth-child(2){
    flex-basis: 60%;
    justify-content: flex-start;
}
#inner3 p:last-child{
    flex-basis: 25%;
}
#footer{
    background: #f8f8f8;
    width:30%;
    height: 50px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
#footer img:first-child{
    width: 10%;
    height: 40px;
}
#footer img:last-child{
    width: 70%;
    height: 40px;
}